<template>
  <div  style="width: 100%; height: 100%; " class="background">

    <div style="border: 1px solid #B4BCCC; width: 100%; height: 60px;">
    	<b style="color: #D1DBE5; font-size: 24px;">
    		NER-RE平台

    		<a href="http://127.0.0.1:8848/vue-cli/src/components/%E7%99%BB%E9%99%86.html">
    			<h6 style="float: right; color: #A0CFFF;">注册</h6>
    		</a>
    		<a href="http://127.0.0.1:8848/vue-cli/src/components/%E7%99%BB%E9%99%86.html">
    			<h6 style="float: right; color: #A0CFFF; ">登录</h6>
    		</a>

    	</b>
    </div>

    <div style="position: relative; border: 1px solid #B4BCCC; width: 100%; height: 290px;">

    	<textarea rows="3" cols="20" style="width: 100%; background: rgba(255,255,255,0.3); height: 250px; color: #F92672; ">

    	</textarea>

    </div>
    <div style="display: flex;">
    	<div style="border: 1px solid #B4BCCC; width: 50%; height: 300px;">
    		<b style="color: #D1DBE5; font-size: 21px; position: relative; top: 0px;">NER列表</b>

    	</div>
    	<div style="border: 1px solid #B4BCCC; width: 50%; height: 300px;">
    		<b style="color: #D1DBE5; font-size: 21px; position: relative; top: 0px;">ER列表</b>

    	</div>
    </div>
  </div>
</template>

<script>
	export default {
	  name: 'HelloWorld',
	  data () {
	    return {
	      msg: ''
	    }
	  }
	}
	</script>
<style>
/*.background{
  border: 2px solid greenyellow;
  height: 100%;
  width: 100%;
  background-image: url(../猫咪背景2.jpg);
}*/
</style>
